import { BrowserRouter, Route, Routes } from 'react-router-dom'
import { SidebarLayout } from '@/layout'
import NotFound from '@/page/404'
import HomePage from '@/page/home'
import SystemProductPage from '@/page/system/product'

export default function Router() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<SidebarLayout />}>
          <Route index element={<HomePage />} />
          <Route path="/system/product" element={<SystemProductPage />} />
          <Route path="/404" element={<NotFound />} />
        </Route>
        <Route path="*" element={<NotFound />} />
      </Routes>
    </BrowserRouter>
  )
}
